<template>
	<el-container>
		<el-aside width="auto">
			<navLeft :collapse="isCollapse"></navLeft>
		</el-aside>
		<el-container>
			<el-header>
				<navHeader v-model:collapse="isCollapse"></navHeader>
			</el-header>
			<el-main>
				<router-view></router-view>
			</el-main>
		</el-container>
	</el-container>
</template>

<script setup  lang="ts">
	import {ref} from 'vue'
	import navLeft from './nav/left.vue'
	import navHeader from './nav/header.vue'
	import navMain from './nav/main.vue'
	import {
	  Document,
	  Menu as IconMenu,
	  Location,
	  Setting,
	} from '@element-plus/icons-vue'
	const isCollapse=ref(false)

	
</script>

<style lang="scss"> 
</style>